<!-- 共享组件：用于项目和应用头部的数据展示 -->
<div class="data-example">
  <div nz-row nzGutter="16">
    <ng-container *ngIf="title !=='应用'; else applications">
      <div nz-col class="gutter-row" nzSpan="6">
          <div class="data-box">
       <!-- <div class="data-box" (click)="goListPage()"> -->
          <div class="circle-square-one">
            <i class="iconfont iconrongqi icon-font"></i>
          </div>
          <div class="detail-divider-vertical"></div>
          <div>
            <p class="data-font"> {{ projectNum }} </p>
            <p>项目总数</p>
          </div>
        </div>
      </div>
    </ng-container>
    <ng-template #applications>
      <div nz-col class="gutter-row" nzSpan="6">

        <ng-container *ngIf="projectUuid; else hasProjectUuid">
          <div class="data-box" (click)="goAppPage()">
            <div class="circle-square-one">
              <i class="iconfont iconrongqi icon-font"></i>
            </div>
            <div class="detail-divider-vertical"></div>
            <div>
              <p class="data-font"> {{ appNum }} </p>
              <p>应用总数</p>
            </div>
          </div>
        </ng-container>
        <ng-template #hasProjectUuid>
          <div class="data-box">
            <div class="circle-square-one">
              <i class="iconfont iconrongqi icon-font"></i>
            </div>
            <div class="detail-divider-vertical"></div>
            <div>
              <p class="data-font"> {{ appNum }} </p>
              <p>应用总数</p>
            </div>
          </div>
        </ng-template>




      </div>
    </ng-template>

    <div nz-col class="gutter-row" nzSpan="6">
      <div class="data-box" (click)="goJarPage()">
        <div class="circle-square-two">
          <i class="iconfont iconzujian icon-font"></i>
        </div>
        <div class="detail-divider-vertical"></div>
        <div>
          <p class="data-font"> {{ jarNum }} </p>
          <p>组件数</p>
        </div>
      </div>
    </div>
    <div nz-col class="gutter-row" nzSpan="6">
      <div class="data-box" (click)="goCvePage()">
        <div class="circle-square-three">
          <i class="iconfont icondisanfangku icon-font"></i>
        </div>
        <div class="detail-divider-vertical"></div>
        <div>
          <p class="data-font">{{ cveNum }}</p>
          <p>CVE数</p>
        </div>
      </div>
    </div>
    <div nz-col class="gutter-row" nzSpan="6">
      <div class="data-box" (click)="goLicensePage()">
        <div class="circle-square-four">
          <i class="iconfont iconrenzhengdunpaianquanbaozhangzhibao icon-font"></i>
        </div>
        <div class="detail-divider-vertical"></div>
        <div>
          <p class="data-font">{{ licenseNum }}</p>
          <p>Lincense数</p>
        </div>
      </div>
    </div>
  </div>
</div>